<template>
  <div class="navbar">
    <nav-bar bgc="#e1251b">
      <template #left>
        <img src="~assets/images/icon/home_left.svg" alt />
      </template>
      <template #center>
        
          <inputs bgc="rgba(0,0,0,.3)" @click.native="goSearch">
            <template #input_l>
              <img src="~assets/images/icon/search.svg" alt class="l_icon" />
            </template>
            <template #input_r>
              <img src="~assets/images/icon/input.svg" alt class="r_icon" />
            </template>
          </inputs>
        
      </template>
      <template #right>
        
          <img src="~assets/images/icon/home_right.svg" alt />
        
      </template>
    </nav-bar>
  </div>
</template>

<script>
import NavBar from "components/public/navbar/NavBar";
import Inputs from "components/public/input/Inputs";
export default {
  name: "HomeNavBar",
  components: {
    NavBar,
    Inputs
  },
  methods:{
    goSearch(){
      this.$router.push({
        path:'/search'
      })
      
    }
  }
};
</script>

<style lang="less" scoped>

</style>